{% extends '::base.html.twig' %} 
{% block title %}Constantes :: Nuevo{% endblock %}

{% block module_name %}Constantes{% endblock %}

{% block body %}
<h2>Formulario</h2>
<div class="widget_inside records_list">
    <div class="form">
        <form action="{{ path('constantes_create') }}" method="post" {{ form_enctype(form) }} id="formID">
            {{ form_widget(form) }}
            <div class="clearfix">
                <label>Concepto Relacionado</label>
                <div class="input">
                    <input type="checkbox" id="esRelacionado" name="esRelacionado" />
                </div>
            </div>    
            <div class="clearfix" id="filaValor">
                <label>Valor</label>
                <div class="input">
                    <input type="text" id="valor" name="valor" required="required" />
                </div>
            </div>    
            <div class="clearfix" id="filaParametro">
                <label>Parametros</label>
                <div class="input">
                    <select name="idParametro" id="parametro">
                        {%for parametro in parametros %}
                            <option value="{{parametro.id}}">{{parametro.nombre}}</option>
                        {%endfor%}
                    </select>
                </div>
            </div>    
            <div class="clearfix grey-highlight">
                <div class="input no-label">
                    <button type="submit" class="button blue">Guardar</button>
                                            <a href="{{ path('constantes') }}" class="button">Regresar a la Lista</a>
                </div>
            </div>
        </form>
    </div>
</div>
<script>
    $(document).ready(function(){ 
        $("#filaParametro").hide();
        $("#esRelacionado").click(function(){
           if (this.checked == false) {
               $("#filaParametro").hide();
               $("#filaValor").show();
               $("#parametro").removeAttr('required');
               $("#valor").attr('required', 'required');
           } else {
               $("#filaParametro").show();
               $("#filaValor").hide();
               $("#valor").removeAttr('required');
               $("#parametro").attr('required', 'required');
           }
        });
    });
</script>
{% endblock %}